<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/project-common.css">
    <!-- 导入轮播图样式 -->
    <link rel="stylesheet" href="../css/slider.css">
    <link rel="stylesheet" href="../css/home.css">
    <script src="../lib/jquery.js"></script>
    <!-- 导入图片轮播图代码 -->
    <script src="../lib/jquery.slidebox.js"></script>
    <!-- 导入对应网页代码 -->
    <script src="../js/home.js"></script>
    <script>
        $(this).animate
    </script>
    <title>Document</title>
</head>

<body>
    <!-- 头部 -->
    <div class="head clearfix">
        <!-- 网站提示 -->
        <div class="head-top container-fluid">
            <div class="container c-ffffff">
                <p class="fl ti-210"><a href="./home.html">legochina.cn</a></p>
                <p class="fr">欢迎光临<a href="./home.html">乐购</a>，请 <a href="./login.html">登录</a>\<a href="./register.html">注册</a></p>
                <h1 class="logo">
                    <img src="../image/LOGO_02.jpg" alt="">
                </h1>
            </div>
        </div>
        <!-- 搜索栏区域 -->
        <div class="head-search container pt4b20 clearfix">
            <!-- 搜索区域按钮 -->
            <div class="head-shopping-btn fr">
                <a href="./shoppingcar.html">购物车 <span>3</span></a>
                <a href="#">我的订单</a>
            </div>
            <!-- 搜索框 -->
            <div class="head-search-body fr">
                <input type="text" name="search" class="head-search-text fl" placeholder="创意文具">
                <input type="submit" value="" class="head-search-btn fl">
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="head-nav container clearfix fsize-16">
            <ul class="fr">
                <li><a href="#">图书</a></li>
                <li><a href="projectlist.html">电子书</a></li>
                <li><a href="#">原创文学</a></li>
                <li><a href="#">服装</a></li>
                <li><a href="#">运动户外</a></li>
                <li><a href="#">孕婴童</a></li>
                <li><a href="#">家居</a></li>
                <li><a href="#">创意文具</a></li>
                <li><a href="#">地方特产</a></li>
                <li><a href="#">海外购</a></li>
                <li><a href="#">电器城</a></li>
            </ul>
        </div>
    </div>

    <!-- 菜单轮播图 -->
    <div class="menubanner container clearfix">
        <div class="menubanner-menu fl" class="fl">
            <ul class="menubanner-menu-body">
                <script>
                    for (let i = 0; i < 14; i++) {
                        document.write(`
                            <li>
                                <p>
                                    <a href="#">图书</a>、
                                    <a href="#">电子书</a>、
                                    <a href="#">童书</a>
                                </p>
                                <div>
                                    <h3>
                                        <a href="#">图书馆>></a>
                                        <a href="#">儿童书馆>></a>
                                        <a href="#">电子书馆>></a>
                                    </h3>
                                    <dl>
                                        <dt><a href="#">文艺</a></dt>
                                        <dd>
                                            <a href="#">小说</a>
                                            <a href="#">文学</a>
                                            <a href="#">传记</a>
                                            <a href="#">青春</a>
                                            <a href="#">动漫</a>
                                            <a href="#">艺术</a>
                                            <a href="#">摄影</a>
                                            <a href="#">明星</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt><a href="#">文艺</a></dt>
                                        <dd>
                                            <a href="#">小说</a>
                                            <a href="#">文学</a>
                                            <a href="#">传记</a>
                                            <a href="#">青春</a>
                                            <a href="#">动漫</a>
                                            <a href="#">艺术</a>
                                            <a href="#">摄影</a>
                                            <a href="#">明星</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt><a href="#">文艺</a></dt>
                                        <dd>
                                            <a href="#">小说</a>
                                            <a href="#">文学</a>
                                            <a href="#">传记</a>
                                            <a href="#">青春</a>
                                            <a href="#">动漫</a>
                                            <a href="#">艺术</a>
                                            <a href="#">摄影</a>
                                            <a href="#">明星</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt><a href="#">文艺</a></dt>
                                        <dd>
                                            <a href="#">小说</a>
                                            <a href="#">文学</a>
                                            <a href="#">传记</a>
                                            <a href="#">青春</a>
                                            <a href="#">动漫</a>
                                            <a href="#">艺术</a>
                                            <a href="#">摄影</a>
                                            <a href="#">明星</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt><a href="#">文艺</a></dt>
                                        <dd>
                                            <a href="#">小说</a>
                                            <a href="#">文学</a>
                                            <a href="#">传记</a>
                                            <a href="#">青春</a>
                                            <a href="#">动漫</a>
                                            <a href="#">艺术</a>
                                            <a href="#">摄影</a>
                                            <a href="#">明星</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt><a href="#">文艺</a></dt>
                                        <dd>
                                            <a href="#">小说</a>
                                            <a href="#">文学</a>
                                            <a href="#">传记</a>
                                            <a href="#">青春</a>
                                            <a href="#">动漫</a>
                                            <a href="#">艺术</a>
                                            <a href="#">摄影</a>
                                            <a href="#">明星</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt><a href="#">文艺</a></dt>
                                        <dd>
                                            <a href="#">小说</a>
                                            <a href="#">文学</a>
                                            <a href="#">传记</a>
                                            <a href="#">青春</a>
                                            <a href="#">动漫</a>
                                            <a href="#">艺术</a>
                                            <a href="#">摄影</a>
                                            <a href="#">明星</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt><a href="#">文艺</a></dt>
                                        <dd>
                                            <a href="#">小说</a>
                                            <a href="#">文学</a>
                                            <a href="#">传记</a>
                                            <a href="#">青春</a>
                                            <a href="#">动漫</a>
                                            <a href="#">艺术</a>
                                            <a href="#">摄影</a>
                                            <a href="#">明星</a>
                                        </dd>
                                    </dl>
                                </div>
                            </li>
                        `)
                    }
                </script>
            </ul>
        </div>
        <div class="pptbox fl" id="menubanner-slider">
            <ul class="innerwrapper">
                <li>
                    <a href="#">
                        <img src="../image/banner1.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../image/banner2.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../image/banner3.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../image/banner4.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../image/banner5.jpg" />
                    </a>
                </li>
            </ul>
            <ul class="controls">
                <li class="current">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
            </ul>
            <span class="btnleft"></span>
            <span class="btnright"></span>
        </div>
    </div>

    <!-- 今日推荐 -->
    <div class="recommend container clearfix mt30">
        <div class="home-title">
            <h3 class="fsize-24 c-ff6600 ti-16">乐购·今日推荐</h3>
        </div>
        <ul class="recommend-projects horizontal-commodity active border2-left-f60 clearfix">
            <script>
                for (let i = 0; i < 12; i++) {
                    document.write(`
                        <li>
                            <a href="#">
                                <p class="tac pt4b30"><img src="../image/index06_05.jpg" alt=""></p>
                                <p class="restrict-timer"><img src="../image/index05_18.jpg" alt="" ></p>
                                <p class="lineh-16 ti-6">黑爵青蜂侠六键电竞游戏鼠标</p>
                                <p class="c-ff0d00 lineh-16 ti-6">全国联保 一年免费包换</p>
                                <p class="c-ff0d00 fsize-18 ti-6 mt6">￥:299</p>
                            </a>
                        </li>
                    `)
                }
            </script>
        </ul>
    </div>

    <!-- 电子书 -->
    <div class="book container floor-box mt30 clearfix" id="f1">
        <div class="book-left fl">
            <div class="home-title clearfix">
                <h3 class="fsize-28 fl c-ff6600 ti-16">图书 电子书</h3>
                <div class="control fsize-18 fr tac">
                    <span class="active">最新上架</span>
                    <span>独家畅销</span>
                    <span>电子书</span>
                </div>
            </div>
            <div class="content-banner bgc-f9f9f9 fl">
                <img src="../image/index7_07.jpg" alt="">
                <p>
                    <a href="#">青春文学</a>
                    <a href="#">青春文学</a>
                    <a href="#">青春文学</a>
                    <a href="#">青春文学</a>
                    <a href="#">青春文学</a>
                    <a href="#">青春文学</a>
                    <a href="#">青春文学</a>
                    <a href="#">青春文学</a>
                    <a href="#">青春文学</a>
                    <a href="#">青春文学</a>
                    <a href="#">青春文学</a>
                    <a href="#">青春文学</a>
                </p>
            </div>
            <ul class="horizontal-commodity fl active border2-left-cecece">
                <li class="border2-right-cecece border2-bottom-cecece overhidden">
                    <div class="control-body-slider-small pptbox fl" id="menubanner-slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../image/banner1.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/banner2.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/banner3.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/banner4.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/banner5.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                </li>
                <script>
                    for (let i = 0; i < 6; i++) {
                        document.write(`
                            <li class='border2-right-cecece border2-bottom-cecece'>
                                <a href="#">
                                    <p class="ti-6 fsize-16 mt16">奥运狂欢1</p>
                                    <p class="ti-6 c-ff0d00 fsize-12">10万种电子书 直降40%</p>
                                    <p class="tac"><img src="../image/index09_05.jpg" alt=""></p>
                                    <p class="ti-6 mt16"><span class="c-ff0d00">&yen;49</span>&nbsp;<del class="c-808080">&yen;79</del></p>
                                </a>
                            </li>
                        `)
                    }
                </script>
            </ul>
            <ul class="horizontal-commodity fl border2-left-cecece">
                <li class="border2-right-cecece border2-bottom-cecece overhidden">
                    <div class="control-body-slider-small pptbox fl" id="menubanner-slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../image/banner1.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/banner2.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/banner3.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/banner4.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/banner5.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                </li>
                <script>
                    for (let i = 0; i < 6; i++) {
                        document.write(`
                            <li class='border2-right-cecece border2-bottom-cecece'>
                                <a href="#">
                                    <p class="ti-6 fsize-16 mt16">奥运狂欢2</p>
                                    <p class="ti-6 c-ff0d00 fsize-12">10万种电子书 直降40%</p>
                                    <p class="tac"><img src="../image/index09_05.jpg" alt=""></p>
                                    <p class="ti-6 mt16"><span class="c-ff0d00">&yen;49</span>&nbsp;<del class="c-808080">&yen;79</del></p>
                                </a>
                            </li>
                        `)
                    }
                </script>
            </ul>
            <ul class="horizontal-commodity fl border2-left-cecece">
                <li class="border2-right-cecece border2-bottom-cecece overhidden">
                    <div class="control-body-slider-small pptbox fl" id="menubanner-slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../image/banner1.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/banner2.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/banner3.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/banner4.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/banner5.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                </li>
                <script>
                    for (let i = 0; i < 6; i++) {
                        document.write(`
                            <li class='border2-right-cecece border2-bottom-cecece'>
                                <a href="#">
                                    <p class="ti-6 fsize-16 mt16">奥运狂欢3</p>
                                    <p class="ti-6 c-ff0d00 fsize-12">10万种电子书 直降40%</p>
                                    <p class="tac"><img src="../image/index09_05.jpg" alt=""></p>
                                    <p class="ti-6 mt16"><span class="c-ff0d00">&yen;49</span>&nbsp;<del class="c-808080">&yen;79</del></p>
                                </a>
                            </li>
                        `)
                    }
                </script>
            </ul>

        </div>
        <div class="book-right accordion fr mt35">
            <h2 class="tac fsize-24 mb7 lineh-40">新书畅销榜</h2>
            <ul class="pl20">
                <li>
                    <a href="#">
                        <span>1</span>
                        <h4 class="lineh-38 active lineh-38" style="display: none;">就喜欢你看不惯我 又干不</h4>
                        <div class='clearfix active' style="display: block;">
                            <img src="../image/index08_05.jpg" alt="" class='fl'>
                            <p>从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                        </div>
                    </a>
                </li>
                <script>
                    for (let i = 2; i < 8; i++) {
                        document.write(`
                            <li>
                                <a href="#">
                                    <span>${i}</span>
                                    <h4 class="lineh-38">就喜欢你看不惯我  又干不</h4>
                                    <div class='clearfix'>
                                        <img src="../image/index08_05.jpg" alt="" class='fl'>
                                        <p>从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                                    </div>
                                </a>
                            </li>
                        `)
                    }
                </script>
            </ul>
        </div>
    </div>

    <!-- 服装 -->
    <div class="clothing container floor-box mt30 clearfix" id="f2">
        <div class="home-title clearfix">
            <h3 class="fsize-28 fl">服装</h3>
            <div class="control fsize-18 fr tac">
                <span class="active">女装内衣</span>
                <span>热销男装</span>
                <span>精品鞋靴</span>
            </div>
        </div>
        <div class="content-banner bgc-f9f9f9 fl">
            <p class="h350 w237 overhidden"><img src="../image/index7_17.jpg" alt=""></p>
            <p>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
            </p>
        </div>
        <div class="big-horizontal-commodity fl">
            <ul class="horizontal-commodity clearfix border2-left-cecece active ">
                <li class="overhidden border2-right-cecece border2-bottom-cecece">
                    <div class="control-body-slider pptbox fl border2-bottom-cecece" id="menubanner-slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/68700016969136_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/72190020507327_1_o.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/139430026166665_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/162350015511487_y.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <img src="../image/shopping/2016080422191191483.jpg" alt="" class="w427">
                </li>
                <script>
                    for (let i = 0; i < 3; i++) {
                        document.write(`
                            <li class='border2-bottom-cecece border2-right-cecece'>
                                <p class="overhidden border2-bottom-cecece">
                                    <a href="#">
                                        <img src="../image/index100_05.jpg" alt="" class="w176">
                                    </a>    
                                </p>
                                <p class="overhidden">
                                    <a href="#">
                                        <img src="../image/index100_11.jpg" alt="" class="w176">
                                    </a>
                                </p>
                            </li>
                        `)
                    }
                </script>
            </ul>
            <ul class="horizontal-commodity clearfix border2-left-cecece">
                <li class="overhidden border2-right-cecece border2-bottom-cecece">
                    <div class="control-body-slider pptbox fl border2-bottom-cecece" id="menubanner-slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/68700016969136_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/72190020507327_1_o.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/139430026166665_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/162350015511487_y.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <img src="../image/shopping/2016080422191191483.jpg" alt="" class="w427">
                </li>
                <script>
                    for (let i = 0; i < 3; i++) {
                        document.write(`
                            <li class='border2-bottom-cecece border2-right-cecece'>
                                <p class="overhidden border2-bottom-cecece">
                                    <a href="#">
                                        <img src="../image/index100_05.jpg" alt="" class="w176">
                                    </a>    
                                </p>
                                <p class="overhidden">
                                    <a href="#">
                                        <img src="../image/index100_11.jpg" alt="" class="w176">
                                    </a>
                                </p>
                            </li>
                        `)
                    }
                </script>
            </ul>
            <ul class="horizontal-commodity clearfix border2-left-cecece">
                <li class="overhidden border2-right-cecece border2-bottom-cecece">
                    <div class="control-body-slider pptbox fl border2-bottom-cecece" id="menubanner-slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/68700016969136_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/72190020507327_1_o.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/139430026166665_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/162350015511487_y.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <img src="../image/shopping/2016080422191191483.jpg" alt="" class="w427">
                </li>
                <script>
                    for (let i = 0; i < 3; i++) {
                        document.write(`
                            <li class='border2-bottom-cecece border2-right-cecece'>
                                <p class="overhidden border2-bottom-cecece">
                                    <a href="#">
                                        <img src="../image/index100_05.jpg" alt="" class="w176">
                                    </a>    
                                </p>
                                <p class="overhidden">
                                    <a href="#">
                                        <img src="../image/index100_11.jpg" alt="" class="w176">
                                    </a>
                                </p>
                            </li>
                        `)
                    }
                </script>
            </ul>

        </div>
        <div class="clear tac">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
        </div>
    </div>

    <!-- 运动 -->
    <div class="exercise container floor-box mt30 clearfix" id="f3">
        <div class="home-title clearfix">
            <h3 class="fsize-28 fl">户外运动</h3>
            <div class="control fsize-18 fr tac">
                <span class="active">国际名品</span>
                <span>户外装备</span>
                <span>运动潮流</span>
            </div>
        </div>
        <div class="content-banner bgc-f9f9f9 fl">
            <p class="h350 w237 overhidden"><img src="../image/shopping/clothing/160729pc-A.jpg" alt=""></p>
            <p class="lineh-38">
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
            </p>
        </div>
        <div class="big-horizontal-commodity fl">
            <ul class="horizontal-commodity clearfix border2-left-cecece active ">
                <li class="overhidden border2-right-cecece border2-bottom-cecece">
                    <div class="control-body-slider pptbox fl border2-bottom-cecece" id="menubanner-slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/68700016969136_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/72190020507327_1_o.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/139430026166665_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/162350015511487_y.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <img src="../image/shopping/2016080422191191483.jpg" alt="" class="w427">
                </li>
                <script>
                    for (let i = 0; i < 3; i++) {
                        document.write(`
                            <li class='border2-bottom-cecece border2-right-cecece'>
                                <p class="overhidden border2-bottom-cecece">
                                    <a href="#">
                                        <img src="../image/index100_05.jpg" alt="" class="w176">
                                    </a>    
                                </p>
                                <p class="overhidden">
                                    <a href="#">
                                        <img src="../image/index100_11.jpg" alt="" class="w176">
                                    </a>
                                </p>
                            </li>
                        `)
                    }
                </script>
            </ul>
            <ul class="horizontal-commodity clearfix border2-left-cecece">
                <li class="overhidden border2-right-cecece border2-bottom-cecece">
                    <div class="control-body-slider pptbox fl border2-bottom-cecece" id="menubanner-slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/68700016969136_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/72190020507327_1_o.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/139430026166665_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/162350015511487_y.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <img src="../image/shopping/2016080422191191483.jpg" alt="" class="w427">
                </li>
                <script>
                    for (let i = 0; i < 3; i++) {
                        document.write(`
                            <li class='border2-bottom-cecece border2-right-cecece'>
                                <p class="overhidden border2-bottom-cecece">
                                    <a href="#">
                                        <img src="../image/index100_05.jpg" alt="" class="w176">
                                    </a>    
                                </p>
                                <p class="overhidden">
                                    <a href="#">
                                        <img src="../image/index100_11.jpg" alt="" class="w176">
                                    </a>
                                </p>
                            </li>
                        `)
                    }
                </script>
            </ul>
            <ul class="horizontal-commodity clearfix border2-left-cecece">
                <li class="overhidden border2-right-cecece border2-bottom-cecece">
                    <div class="control-body-slider pptbox fl border2-bottom-cecece" id="menubanner-slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/68700016969136_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/72190020507327_1_o.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/139430026166665_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/162350015511487_y.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <img src="../image/shopping/2016080422191191483.jpg" alt="" class="w427">
                </li>
                <script>
                    for (let i = 0; i < 3; i++) {
                        document.write(`
                            <li class='border2-bottom-cecece border2-right-cecece'>
                                <p class="overhidden border2-bottom-cecece">
                                    <a href="#">
                                        <img src="../image/index100_05.jpg" alt="" class="w176">
                                    </a>    
                                </p>
                                <p class="overhidden">
                                    <a href="#">
                                        <img src="../image/index100_11.jpg" alt="" class="w176">
                                    </a>
                                </p>
                            </li>
                        `)
                    }
                </script>
            </ul>

        </div>
        <div class="clear tac">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
        </div>
    </div>

    <!-- 童装 -->
    <div class="childr container floor-box mt30 clearfix" id="f4">
        <div class="home-title clearfix">
            <h3 class="fsize-28 fl">童装 童鞋 婴儿装</h3>
            <div class="control fsize-18 fr tac">
                <span class="active">儿童服装</span>
                <span>婴儿装</span>
                <span>小潮童鞋</span>
            </div>
        </div>
        <div class="content-banner h500 bgc-f9f9f9 fl">
            <img src="../image/index7_17.jpg" alt="">
            <p class="lineh-38">
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
                <a href="#">青春文学</a>
            </p>
        </div>
        <div class="big-horizontal-commodity fl">
            <ul class="horizontal-commodity clearfix border2-left-cecece active ">
                <li class="overhidden border2-right-cecece border2-bottom-cecece">
                    <div class="control-body-slider pptbox fl border2-bottom-cecece" id="menubanner-slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/68700016969136_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/72190020507327_1_o.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/139430026166665_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/162350015511487_y.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <img src="../image/shopping/2016080422191191483.jpg" alt="" class="w427">
                </li>
                <script>
                    for (let i = 0; i < 3; i++) {
                        document.write(`
                            <li class='border2-bottom-cecece border2-right-cecece'>
                                <p class="overhidden border2-bottom-cecece">
                                    <a href="#">
                                        <img src="../image/index100_05.jpg" alt="" class="w176">
                                    </a>    
                                </p>
                                <p class="overhidden">
                                    <a href="#">
                                        <img src="../image/index100_11.jpg" alt="" class="w176">
                                    </a>
                                </p>
                            </li>
                        `)
                    }
                </script>
            </ul>
            <ul class="horizontal-commodity clearfix border2-left-cecece">
                <li class="overhidden border2-right-cecece border2-bottom-cecece">
                    <div class="control-body-slider pptbox fl border2-bottom-cecece" id="menubanner-slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/68700016969136_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/72190020507327_1_o.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/139430026166665_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/162350015511487_y.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <img src="../image/shopping/2016080422191191483.jpg" alt="" class="w427">
                </li>
                <script>
                    for (let i = 0; i < 3; i++) {
                        document.write(`
                            <li class='border2-bottom-cecece border2-right-cecece'>
                                <p class="overhidden border2-bottom-cecece">
                                    <a href="#">
                                        <img src="../image/index100_05.jpg" alt="" class="w176">
                                    </a>    
                                </p>
                                <p class="overhidden">
                                    <a href="#">
                                        <img src="../image/index100_11.jpg" alt="" class="w176">
                                    </a>
                                </p>
                            </li>
                        `)
                    }
                </script>
            </ul>
            <ul class="horizontal-commodity clearfix border2-left-cecece">
                <li class="overhidden border2-right-cecece border2-bottom-cecece">
                    <div class="control-body-slider pptbox fl border2-bottom-cecece" id="menubanner-slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/68700016969136_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/72190020507327_1_o.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/139430026166665_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/shopping/clothing/162350015511487_y.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <img src="../image/shopping/2016080422191191483.jpg" alt="" class="w427">
                </li>
                <script>
                    for (let i = 0; i < 3; i++) {
                        document.write(`
                            <li class='border2-bottom-cecece border2-right-cecece'>
                                <p class="overhidden border2-bottom-cecece">
                                    <a href="#">
                                        <img src="../image/index100_05.jpg" alt="" class="w176">
                                    </a>    
                                </p>
                                <p class="overhidden">
                                    <a href="#">
                                        <img src="../image/index100_11.jpg" alt="" class="w176">
                                    </a>
                                </p>
                            </li>
                        `)
                    }
                </script>
            </ul>

        </div>
        <div class="clear tac">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
            <img src="../image/index15_13.jpg" alt="">
        </div>
    </div>

    <!-- 家具 -->
    <div class="furniture container floor-box mt30" id="f5">
        <div class="home-title">
            <h3 class="fsize-28">家具日用</h3>
        </div>
        <div class="big-horizontal-commodity">
            <ul class="horizontal-commodity clearfix border2-left-cecece active ">
                <li class="overhidden border2-right-cecece border2-bottom-cecece">
                    <img src="../image/index21_05.jpg" alt="">
                </li>
                <script>
                    for (let i = 0; i < 4; i++) {
                        document.write(`
                            <li class='border2-bottom-cecece border2-right-cecece'>
                                <p class="overhidden border2-bottom-cecece">
                                    <a href="#">
                                        <img src="../image/index100_05.jpg" alt="" class="w176">
                                    </a>    
                                </p>
                                <p class="overhidden">
                                    <a href="#">
                                        <img src="../image/index100_11.jpg" alt="" class="w176">
                                    </a>
                                </p>
                            </li>
                        `)
                    }
                </script>
            </ul>
        </div>
    </div>

    <!-- 商品推荐 -->
    <div class="commodity container clearfix mt30">
        <div class="home-title clearfix">
            <h3 class="fsize-24 c-ff6600 fl">推广商品</h3>
            <div class="radius-btn fr pt16r17 lineh-16">
                <span class="active"></span>
                <span></span>
            </div>
        </div>
        <ul class="horizontal-commodity active clearfix">
            <script>
                for (let i = 0; i < 10; i++) {
                    document.write(`
                        <li>
                            <a href="#">
                                <p class="pt25"><img src="../image/index06_05.jpg" alt=""></p>
                                <p class="lineh-16 pl6 pt8">Pigeon法国制奶嘴，无毒天然乳胶1</p>
                                <p class="pl6 c-ff0d00 fsize-18 lineh-30">￥:299</p>
                                <p><i class='bgico-sqr bgicon-xinxi'></i>已有<span class='c-ff0d00'>988</span>条评论</p>
                            </a>
                        </li>
                    `)
                }
            </script>
        </ul>
        <ul class="horizontal-commodity clearfix">
            <script>
                for (let i = 0; i < 10; i++) {
                    document.write(`
                        <li>
                            <a href="#">
                                <p class="pt25"><img src="../image/index06_05.jpg" alt=""></p>
                                <p class="lineh-16 pl6 pt8">Pigeon法国制奶嘴，无毒天然乳胶2</p>
                                <p class="pl6 c-ff0d00 fsize-18 lineh-30">￥:299</p>
                                <p><i class='bgico-sqr bgicon-xinxi'></i>已有<span class='c-ff0d00'>988</span>条评论</p>
                            </a>
                        </li>
                    `)
                }
            </script>
        </ul>
    </div>



    <!-- 侧边栏 -->
    <div class="floor">
        <ul>
            <li class="floor-bg1" data-bgcolor='#93d46f'>图书</li>
            <li class="floor-bg2" data-bgcolor='#f65727'>服装</li>
            <li class="floor-bg3" data-bgcolor='#bb9dee'>运动</li>
            <li class="floor-bg4" data-bgcolor='#ff7394'>童装</li>
            <li class="floor-bg5" data-bgcolor='#c2ec51'>家具</li>
        </ul>
    </div>

    <!-- 搜索框 -->
    <div class="search-box">
        <p class="search-box-logo">
            <img src="../image/logo_00.png" alt="">
        </p>
    </div>

    <!-- 页脚 -->
    <div class="foot">
        <div class="border6-top-f60 bgc-f2f2f2 container-fluid">
            <div class="foot-top container">
                <img src="../image/222_11.png" alt="">
                <img src="../image/222_13.png" alt="">
                <img src="../image/222_15.png" alt="">
                <img src="../image/222_17.png" alt="">
                <div class="back"></div>
            </div>
        </div>
        <div class="foot-bottom border-top-tran container">
            <div class="foot-bottom-zhinan clearfix">
                <dl>
                    <dt>购物指南</dt>
                    <dd>
                        <a href='#'>购物流程</a>
                    </dd>
                    <dd><a href='#'>发票制度</a></dd>
                    <dd><a href='#'>账户管理</a></dd>
                    <dd><a href='#'>会员优惠</a></dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd><a href='#'>货到付款</a></dd>
                    <dd><a href='#'>网上支付</a></dd>
                    <dd><a href='#'>礼品卡支付</a></dd>
                    <dd><a href='#'>银行转帐</a></dd>
                </dl>
                <dl>
                    <dt>订单服务</dt>
                    <dd><a href='#'>订单配送查询</a></dd>
                    <dd><a href='#'>订单状态说明</a></dd>
                    <dd><a href='#'>自助取消订单</a></dd>
                    <dd><a href='#'>自助修改订单</a></dd>
                </dl>
                <dl>
                    <dt>退换货</dt>
                    <dd><a href='#'>退换货政策</a></dd>
                    <dd><a href='#'>自助申请退换货</a></dd>
                    <dd><a href='#'>退换货进度查询</a></dd>
                    <dd><a href='#'>退款方式和时间</a></dd>
                </dl>
                <dl>
                    <dt>商家服务</dt>
                    <dd><a href='#'>商家中心</a></dd>
                    <dd><a href='#'>运营服务</a></dd>
                    <dd><a href='#'>加入尾品汇</a></dd>
                </dl>
            </div>
            <h1 class="logo">
                <img src="../image/logo_00.png" alt="">
            </h1>
            <p class="mt48">公司简介 | Investor Relations | 网站联盟 | 乐购招商 | 机构销售 | 手机乐购 | 官方Blog | 热词搜索</p>
            <p class="mt24">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
    </div>
</body>

</html>